<form class="layui-form" onsubmit="return false;">
    <input type="hidden" name="id" value="#(bean.id??)">
    <div class="main-container">
        <div class="layui-form-item layui-block">
            <label class="layui-form-label">上级部门</label>
            <div class="layui-input-inline">
                <ul id="parent" class="dtree" data-id="0" data-value="#(bean.parentId??)"></ul>
            </div>
        </div>
        <div class="layui-form-item layui-block">
            <label class="layui-form-label required">部门名称</label>
            <div class="layui-input-block">
                <input type="text" name="name" value="#(bean.name??)" lay-verify="required" autocomplete="off" placeholder="请输入名称" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item layui-block">
            <label class="layui-form-label required">排序</label>
            <div class="layui-input-inline">
                <input type="text" name="sort" lay-verify="required|number" autocomplete="off" placeholder="小到大排列" class="layui-input" value="#(bean.sort??)">
            </div>
            <label class="layui-form-label required">状态</label>
            <div class="layui-input-inline">
                <input type="radio" name="status" value="ON" title="启用" #if(bean.status?? == 'ON' || bean.status?? == null) checked #end>
                <input type="radio" name="status" value="OFF" title="禁用" #if(bean.status?? == 'OFF') checked #end>
            </div>
        </div>
        <div class="layui-form-item layui-block">
            <label class="layui-form-label">负责人</label>
            <div class="layui-input-block">
                <input type="text" name="leader" placeholder="负责人名称" autocomplete="off" class="layui-input" value="#(bean.leader??)">
            </div>
        </div>
        <div class="layui-form-item layui-block">
            <label class="layui-form-label">联系电话</label>
            <div class="layui-input-block">
                <input type="text" name="phone" placeholder="负责人联系电话" autocomplete="off" class="layui-input" value="#(bean.phone??)">
            </div>
        </div>
        <div class="layui-form-item layui-block">
            <label class="layui-form-label">邮箱</label>
            <div class="layui-input-block">
                <input type="text" name="email" placeholder="负责人邮箱地址" autocomplete="off" class="layui-input" value="#(bean.email??)">
            </div>
        </div>
    </div>
    <div class="layui-form-item layui-block" style="display: none;">
        <div class="layui-input-block">
            <button type="submit" class="pear-btn pear-btn-primary pear-btn-sm" lay-submit="" lay-filter="data-save" id="data-save">
                <i class="layui-icon layui-icon-ok"></i> 提交
            </button>
        </div>
    </div>
</form>
#include("/admin/_common/foot.html")
<script type="text/javascript">
layui.use(['jquery', 'form', 'dtree'], function() {
    var $ = layui.jquery;
    var form = layui.form;
    var dtree = layui.dtree;
    
    // 模块操作路径
    var MODULE_PATH = "#CTX()/admin/system/dept/";

    /*
     * 刷新上级部门树
     */
    dtree.renderSelect({
        elem: "#parent", // 树绑定的元素ID
        initLevel: "2", // 默认展开层级
        url: MODULE_PATH + "dtree", // 异步数据接口
        method: 'get', // 异步请求方法
        line: true, // 开启树线
        none: "无数据...", // 初始化未加载节点时的提示文字
        ficon: ["-1", "-1"], // 一级图标非叶子节点：0：文件夹，1：方形加减，2：三角形，-1：不显示一级图标非叶子节点。一级图标叶子节点：0：文件夹，1：人员，2：机构，3：报表，4：信息，5：叶子，6：勋章，7：文件，8：小圆点，9：齿轮，10：星星， -1：不显示一级图标叶子节点
        icon: ["1","8"], // 二级图标非叶子节点：0：文件夹，1：方形加减，2：三角形，-1：不显示二级图标非叶子节点。二级图标叶子节点：0：文件夹，1：人员，2：机构，3：报表，4：信息，5：叶子，6：勋章，7：文件，8：小圆点，9：齿轮，10：星星， -1：不显示二级图标叶子节点
        selectInputName: {nodeId: "parentId"} // 用于Form表单提交的字段名
    });
});
</script>
